// 第一种方法
// import router from '@/router'
// import store from '@/store'
// // 导航守卫
// router.beforeEach((to, from, next) => {
//   if (store.getters.token) {
//     // 已登录
//     if (to.path === '/login') {
//       next('/')
//     } else {
//       // 其他登录页面
//       next()
//     }
//   } else {
//     // 没登陆
//     const whiteList = ['/login', '/404']
//     if (whiteList.indexOf(to.path) > -1) {
//       // 在白名单不需要验证
//       next()
//     } else {
//       next('/login')
//     }
//   }
// })

// 第二种方法
import router from '@/router'
import store from '@/store'
router.beforeEach(async(to, from, next) => {
  const token = store.getters.token
  const url = to.path
  const whiteList = ['/login', '/404']

  // 1. 已登录+去登录页=跳转首页
  if (token && url === '/login') {
    next('/')
  }

  // 2. 已登录+去其他页=放行
  if (token && url !== '/login') {
    // 导航守卫一共四种情况, 这里有 token 又不是去登录页
    // 就是最普遍的普通后台页面状况
    // 就应该在这获取用户资料, 获取完以后再进入页面
    // 另外只需要第一次刷新时获取, 如果数据已经存在
    // 跳转页面时, 即使触发到这个逻辑也不应该再次获取了
    // 第一种方法
    if (!store.getters.userId) {
      await store.dispatch('user/getUserInfo')
      // 这里面保证已经拿到了用户数据
      // 然后又没有进入页面, 应该在这进行路由权限筛选
      const res = await store.dispatch(
        'permission/filterRoutes',
        store.state.user.userInfo.roles.menus
      )
      router.addRoutes([
        ...res,
        { path: '*', redirect: '/404', hidden: true }
      ])
      next(to.path)
    } else {
      // 第二种方法：if(Object.keys(store.state.user.userInfo).length === 0)
      next()
    }
  }

  // 3. 未登录+在白名单=放行
  if (!token && whiteList.includes(to.path)) {
    next()
  }

  // 4. 未登录+不在白名单=去登录页
  if (!token && !whiteList.includes(to.path)) {
    next('/login')
  }
})
